<#escape x as x?html>
	<@h.head "登陆"/>
	<body>
		<form action="${ctx}/login" method="post" id="loginForm">
			<fieldset>
				<label class="block clearfix">
					<span class="block input-icon input-icon-right">
						<input type="text" class="form-control" name="account" placeholder="用户名" />
						<i class="ace-icon fa fa-user"></i>
					</span>
				</label>
		
				<label class="block clearfix">
					<span class="block input-icon input-icon-right">
						<input type="password" class="form-control" name="password" placeholder="密码" />
						<i class="ace-icon fa fa-lock"></i>
					</span>
				</label>
				
				<label class="block clearfix">
					<span class="block input-icon input-icon-right">
						<input type="text" name="captcha" class="col-xs-6" placeholder="验证码" />
						<img id="captchaImg" class="col-xs-6" onclick="reloadValidateCode();" src="${ctx}/getCaptcha"  align="absmiddle"/>
						<input type="hidden" id="ValidateCodeNum" value="" />
					</span>
				</label>
				<div class="space"></div>
				
				<div class="clearfix">
		<!-- 														<label class="inline">
																	<input id="rmb" onclick="rmbme(this)" type="checkbox" class="ace" />
																	<span class="lbl"> 记住我</span>
																</label> -->
		
					<button id="sbtButton" type="submit" class="width-35 pull-right btn btn-sm btn-primary">
						<i class="ace-icon fa fa-key"></i>
						<span class="bigger-110">登陆</span>
					</button>
				</div>
				<div class="space-4"></div>
				<#if message?? && message!=''>
					<div class="alert alert-danger">
						<button type="button" class="close" data-dismiss="alert">
							<i class="ace-icon fa fa-times"></i>
						</button>
		
						<strong>
							<i class="ace-icon fa fa-times"></i>
							${message}
						</strong>
					</div>
					<div class="space-4"></div>
				</#if>
				
			</fieldset>
		</form>
		
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				 $(document).on('click', '.toolbar a[data-target]', function(e) {
					e.preventDefault();
					var target = $(this).data('target');
					$('.widget-box.visible').removeClass('visible');//hide others
					$(target).addClass('visible');//show target
				 });
			});
				
			jQuery(function($) {
				 
			 	$("#sbtButton").click(function(){
			 		$("#loginForm").submit(function(){
			 			return true;
			 		});
			 	});
			});
			//刷新验证码
			function reloadValidateCode() {
		        document.getElementById("captchaImg").src="${ctx}/getCaptcha?date =" + new Date().getTime();
		        //$("#captchaImg").attr("src","${ctx}/getCaptcha?date = " + new Date() + Math.floor(Math.random()*24));
		    }
		</script>
	</body>
</html>

</#escape>